<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>杨澎锴的学习实践HTML基础练习02</title>
  </head>

  <body>
    <p><a href="../index1.html">返回首页</a></p>
    <section>
    <h1>HTML基础练习2 <br>文本语义元素练习（br表示的另起一行）</h1>
    <h2>文本语义元素成果</h2>
    <p>
      <a
        href="https://baike.baidu.com/item/%E8%A5%BF%E5%8C%97%E6%B0%91%E6%97%8F%E5%A4%A7%E5%AD%A6/1738999?fr=aladdin"
        >西北民族大学百度百科
      </a>
    </p>
    <!--来通过通过增加#实现内部跳转 -->
    <p>
      <a
        href="https://baike.baidu.com/item/%E8%A5%BF%E5%8C%97%E6%B0%91%E6%97%8F%E5%A4%A7%E5%AD%A6/1738999?fr=aladdin#2_1"
        >西北民族大学院系专业设置
      </a>
    </p>
    <ol>
      <a href="http://cms.xbmu.edu.cn/frontIndex.action?siteId=59">
        <!--Em 元素表示对其标记内容的强调，在语义上强调与其他内容的不同。  -->
        <em>西北民族大学新闻传播学院</em>
      </a>
      <!-- Strong元素用来表示其标记内容非常重要、非常紧急，在语义上表示重要性。 -->
      <p><strong>XBMU新闻传播学院2017级新闻学1班</strong></p>
    </ol>
    <dl>
      <dt>班级专业课程</dt>
      <dd>
        <!--  S 元素用来标记不再准确或者已不相关的内容。Small元素表示诸如注释、说明等等不同于正文的内容。-->
        <s>新闻学概论 <small>大一上学期</small></s>
      </dd>
      <dd>新闻评论 <small>大三上学期</small></dd>
    </dl>
    <!--不要因为默认的样式就随便使用这些元素：em，strong,s,small  -->
    <!-- Q 元素表示对外部资料的直接引用。 -->
    <p>
      那个男人说<q>事情不能再拖了</q>。(使用q元素自动加上引号)我也赞同他的观点。
    </p>
    <p>
      万维网联盟在其 <cite>About W3C</cite> 页面中表明，它的使命是
      <q cite="http://www.w3.org/Consortium/"
        >通过制定协议和规范，引导万维网发挥其全部潜力，确保万维网的长期发展。</q
      >
    </p>
    <p>
      杨澎锴的中文名+英文名的全名缩写是
      <dfn><abbr title="YangPengKai-Alexander">YPKA</abbr></dfn>
    </p>
    <code>
      code标记代码
      <p>
        杨澎锴的中文名+英文名的全名缩写是
        <dfn><abbr title="YangPengKai-Alexander">YPKA</abbr></dfn>
      </p>
      内容是采用dfn和abbr代码编辑出来的
    </code>
    <p>
      html使用<kbd>Ctrl+/</kbd>来添加注释
    </p>
    <ul>
      <li>H<sub>2</sub><b>(采用sub元素下标2编辑的水的化学符号)</b></li>
      <li>2<sup>-1</sup>=0.5=二分之一<b>(采用sup元素标记“-1”次方)</b></li>
      <li>乐</li>
    </ul>
    <!-- span元素不理解-结合class属性，进行文本区分。 -->
    <span>网站制作时间：</span>
    </div><div class="md">
    <span>2020年</span>
    </div><div class="md">
    <span>2月</span>
</section>
<section>
    <h1>编辑相关元素 <br>ins和del元素的使用</h1>
    <h2>我大学的课程表</h2>
<ul>
    <li><ins>传媒经济学</ins></li>
    <li>网络编辑与制作</li>
    <li><del>新闻评论</del></li>
    <li>中国新闻事业史</li>
</ul>
</section>
<section>
    <h1>嵌入内容元素练习</h1>
    <picture>
        <!--使用source上提供多个来源  -->
        <source srcset="http://img1.imgtn.bdimg.com/it/u=144092762,3995663771&fm=26&gp=0.jpg" media="(max-width: 500px)">
        <source srcset="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3604305216,3718845837&fm=26&gp=0.jpg">
        <img srcset="default.jpg" alt="My default image">
    </picture>
    <p><img src="/ypk_homework/02/pic/rock摇滚.jpg" alt="摇滚吉他"></p>
    <p><iframe src="http://china.nba.com"width="700"height="500" ></iframe></p>
    <p><embed src="" type=""></p>
</section>
  </body>
</html>

